<template>
  <el-card style="margin-top: 10px;">
    <!--1-->
    <!--    <div style="width: 1500px; margin-left: 10px; height: 450px">-->
    <!--      <el-card style="width:100%; margin-left: -20px; padding-left: -30px; height:100%; float: left">-->
    <!--                <MoreLineChart/>-->
    <!--      </el-card>-->
    <!--    </div>-->
    <!--2-->
    <div style="width: 1500px; margin-left: 10px; height: 450px">
      <el-card style="width:100%; margin-left: -20px; padding-left: -30px; height:100%; float: left">
        <StackLineChart/>
      </el-card>
    </div>
    <!--3-->
    <div style="width: 1500px; margin-left: 10px; height: 450px;">
      <el-card style="width:100%; margin-left: -20px; padding-left: -30px; height:100%; float: left;">
        <UserInsertChart/>
      </el-card>
    </div>
  </el-card>
</template>

<script>
import MoreLineChart from '../charts/dataCount/MoreLineChart.vue';
import StackLineChart from '../charts/dataCount/StackLineChart.vue';
import UserInsertChart from '../charts/dataCount/UserInsertChart.vue';

export default {
  components: {MoreLineChart, StackLineChart, UserInsertChart},
  name: "DataCount",
  data() {
    return {};
  },
  methods: {},
  mounted() {
  },
};
</script>
